<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>my-order.html</title>
	<link rel="stylesheet" href="./css/desktop.css" />
	<link rel="stylesheet" href="./css/index.css" />
</head>
<body>

    	 
     <!-- 顶部区域 -->

   <div id="top">
        
      <div class="top_top">
        <!-- 顶部区域左侧 -->
            <div class="top_city">
               <span class="l-city">切换城市：</span>
               <a href="" class="r-city">北京</a>
            </div>

             <div class="collection">
                  <a href="" class="sanjiaoxing"></a>
                <a href="" class="shoucang">收藏海尔商品</a>
           </div>
        <!-- 顶部区域右侧 -->
             <ul class="top_right">
                     <p>嗨，欢迎来到海尔官方商城 请</p>
                   <a href="">登录</a>
               <li class="top_li_right">
                        <p>|</p>
                    <a href="" >免费注册</a><p> |</p>                        
                    <a href="" >我的订单</a><p> |</p>
                    <a href="" >服务中心</a><p> |</p>
                    <a href="" >互动社区</a><p> |</p>
                    <a href="" >海尔官网</a>
               </li>
             </ul>
      </div>
    </div>  

 <!-- 顶部灰色区域结束 -->


 <!-- 搜索区域 -->

  <div id="seek">
      <div class="seek_seek">

          <!-- 左边海尔商标 -->
          <div class="seek_left">
              <div class="left_haier"></div>
              <div class="left_brand">
                   <img src="./image/slogan.png" alt="" />
              </div>
          </div>
          
         
          <!-- 中间搜索区域 -->
          <div class="middle_seek">
                <!-- 搜索 -->
                <div class="_seek">

                  <form action="">
                    <input type="text" class="text" value="【全民爽购】" />
                    <input type="submit" value="" class="btn-search" />
                    <a href=""></a>
                  </form>

                </div>
              <!-- 底部 -->
              <div class="middle_bottom">
                <strong class="strong-title">热门搜索：</strong>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                  <a class="a-hotword" target="_blank" href="">三门冰箱</a>
                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
              </div>
          </div>



      </div>
  </div>



 <!-- 导航条 -->

  <div id="strip">
    <div class="s_strip">

       <div class="classify">
         <a href="">商品分类</a>
       </div>


            <!-- 中间 -->
             <ul class="classify_content">

                <li class="li-mainnav">
                        <a href="">分类</a>
                </li>
                  <li class="li-mainnav">
                        <a href="">分类显示</a>
                </li>
                <li class="li-mainnav">
                        <a href="">分类</a>
                </li>
            </ul>


            <!-- 购物车 -->
            <div class="shopping">
                  <span class="s-shopping">购物车</span>
                <p class="nimi-cart-num ">0</p>
             </div>

             <!-- 隐藏区域内容 -->
             <div class="hide_shopping" style="display:none">
                  <span class="s-shopping">购物车</span>
                <p class="nimi-cart-num ">0</p>
             </div>

    </div>
  </div>

<!-- 中间区域 -->

 <div id="overall">
      <div class="top-overall">
          您现在的位置：
      	  <a href="">首页</a> >
      	  <a href="">我的海尔</a> >
      	  <span class="My-order">我的订单</span>
      </div>

      <!-- 左侧 -->
      <div class="l-overa">
      	  <h2>我的海尔</h2>
      	  <dl>
      	  	 <dt class="indent">订单中心</dt>
      	  	 <dd class="dd-indent"><a href="">我的订单</a></dd>
             <dd class="dd-indent"><a href="">我的收藏</a></dd>
             <dd class="dd-indent"><a href="">我的评价</a></dd>
      	  </dl>
      	  <dl>
      	  	 <dt class="indent">账户信息</dt>
      	  	 <dd class="dd-indent"><a href="">我的退款</a></dd>
             <dd class="dd-indent"><a href="">我的订单</a></dd>
             <dd class="dd-indent"><a href="">我的订单</a></dd>
             <dd class="dd-indent"><a href="">我的订单</a></dd>
      	  </dl>
      	  <dl>
      	  	 <dt class="indent">资料管理</dt>
      	  	 <dd class="dd-indent"><a href="">我的个人资料</a></dd>
             <dd class="dd-indent"><a href="">我的收货地址</a></dd>
             <dd class="dd-indent"><a href="">修改密码</a></dd>
             <dd class="dd-indent tuichu"><a href="">退出登录</a></dd>
      	  </dl>
      </div>


      <!-- 右侧 -->
      <div class="r-overa">


      	    <!-- 我的订单 -->
      	    <h3>我的订单</h3>
      	    <p class="di-da">
      	    	<a href="" class="quan">全部</a>
      	    	<span class="payment"> 待付款(0) </span>
      	    	<span class="payment"> 待评价(0)</span>
      	    </p>
 

<!-- 订单内容 -->

            	 	<table border="1" cellspacing="0" cellpadding="0" class="tage-1" frameborder="0">

            	 		<tbody>
            	 			<tr class="tr1">
            	 				<th align="left" colspan="7">	订单号：140703173632873 </th>
            	 			</tr>
            	 		</tbody>

            	 		<tbody id="140703173632873">
            	 			<tr class="tr1" frameborder="0">
            	 				<th width="25%">商品</th>
            	 				<th class="td-w30">数量</th>
            	 				<th>价格</th>
            	 				<th>收货人</th>
            	 				<th>下单时间</th>
            	 				<th>状态</th>
            	 				<th width="100px">操作</th>
            	 			</tr>

            	 			<tr class="tr2">
            	 				<td>
		            	 				<a href=""><img src="./image/53b089ed7344c2acd3b89733.png" alt="" />
		            	 				<br />统帅彩电D48MF7000</a>
            	 				</td>
            	 				<td>2</td>

            	 				<td >￥4,960.00 <span></span>
            	 				  </td>

            	 				<td rowspan="3">郎忠伟</td>
            	 				<td width="95px" rowspan="3">2014-07-03 <br />17:36:32</td>
            	 				<td width="95px" rowspan="3">待付款<br />物流跟踪
            	 				</td>
            	 				<td rowspan="3">
										<a class="a-topay mtop_6" href="">付款</a>
										<br>
										<a class="txt_blue mtop_6" href="">查看详情</a>
										<br>
										<a class="txt_blue mtop_6" href="">取消订单</a>
										<br>
										<a class="txt_blue mtop_6" href="">再次购买</a>
										<br>
            	 				</td>
            	 			</tr>




            	 			<tr class="tr2">
            	 				<td>
		            	 				<a href=""><img src="./image/53b089ed7344c2acd3b89733.png" alt="" />
		            	 				<br />统帅彩电D48MF7000</a>
            	 				</td>
            	 				<td>2</td>
            	 				<td >￥4,960.00 <span></span>
            	 				  </td>
            	 		
            	 			</tr>

                           <tr class="tr2">
            	 				<td>
		            	 				<a href=""><img src="./image/53b089ed7344c2acd3b89733.png" alt="" />
		            	 				<br />统帅彩电D48MF7000</a>
            	 				</td>
            	 				<td>2</td>
            	 				<td >￥4,960.00 <span></span>
            	 				  </td>
            	 		
            	 			</tr>
            	 		</tbody>



            	 	</table>


            <!-- 为您推荐 -->
            <div class="ded">
            	<div class="z-ded">为您推荐</div>
            	<ul class="ul-ded">

            		<li class="li-ded">
            			<a href=""class="a-li-ded"><img src="./image/010.png" alt="" /></a>
            			<div class="wen-ded-d"><a href="">MOOKA智能电视 U42H7030 42英寸全配版4K超高清42英寸3D智能电视，清晰度高出全高清4倍；4核CPU+4核GPU，8核“芯”处理器，速度更快；极简飞梭遥控器，一掌全控；最新Android4.2系统，丰富应用随时更新；多屏互动，在大屏幕上畅玩手机和pad。</a></div>
            			<div class="j-qian">￥<span>3297</span></div>
            		</li>

            		<li class="li-ded">
            			<a href=""class="a-li-ded"><img src="./image/010.png" alt="" /></a>
            			<div class="wen-ded-d"><a href="">MOOKA智能电视 U42H7030 42英寸全配版4K超高清42英寸3D智能电视，清晰度高出全高清4倍；4核CPU+4核GPU，8核“芯”处理器，速度更快；极简飞梭遥控器，一掌全控；最新Android4.2系统，丰富应用随时更新；多屏互动，在大屏幕上畅玩手机和pad。</a></div>
            			<div class="j-qian">￥<span>3297</span></div>
            		</li>
             		<li class="li-ded">
            			<a href=""class="a-li-ded"><img src="./image/010.png" alt="" /></a>
            			<div class="wen-ded-d"><a href="">MOOKA智能电视 U42H7030 42英寸全配版4K超高清42英寸3D智能电视，清晰度高出全高清4倍；4核CPU+4核GPU，8核“芯”处理器，速度更快；极简飞梭遥控器，一掌全控；最新Android4.2系统，丰富应用随时更新；多屏互动，在大屏幕上畅玩手机和pad。</a></div>
            			<div class="j-qian">￥<span>3297</span></div>
            		</li>
            		
            		<li class="li-ded">
            			<a href=""class="a-li-ded"><img src="./image/010.png" alt="" /></a>
            			<div class="wen-ded-d"><a href="">MOOKA智能电视 U42H7030 42英寸全配版4K超高清42英寸3D智能电视，清晰度高出全高清4倍；4核CPU+4核GPU，8核“芯”处理器，速度更快；极简飞梭遥控器，一掌全控；最新Android4.2系统，丰富应用随时更新；多屏互动，在大屏幕上畅玩手机和pad。</a></div>
            			<div class="j-qian">￥<span>3297</span></div>
            		</li>
            		           		
            	</ul>
            </div>
      </div>


 </div>







<!-- 底部 -->

   <div id="at-the-bottom-of-the">
   	  <div class="at-the-bottom">
   	  	   购物流程 | 配送方式 | 付款方式 | 售后服务 | 投诉建议 | 友情链接 | 加入我们 | 海尔知识堂
   	  </div>
   </div>

   <div id="at-the-bottom-of-the">
   	  <div class="the-bottom">
   	  	   网站备案/许可证号：鲁ICP备09096283号
   	  </div>
   </div>
  <div id="at-the-bottom-of-the">
   	  <div class="bottom">
   	  	  Copyright©2000-2014 海尔集团电子商务有限公司 All Rights Reserved
   	  </div>
   </div>

</body>
</html>